<template>
    <div>

        <component :is="active"></component>

        <van-tabbar v-model="active">
            <van-tabbar-item  name="Main" icon="shop">首页</van-tabbar-item>
            <van-tabbar-item  name="Activity" icon="gift">活动</van-tabbar-item>
            <van-tabbar-item  name="Personal" icon="manager">我的</van-tabbar-item>
        </van-tabbar>

    </div>
</template>

<script>

    import Main from '../main';
    import Activity from '../activity'
    import Personal from '../personal'
    import Vue from 'vue';
    import {Tabbar, TabbarItem} from 'vant';

    Vue.use(Tabbar);
    Vue.use(TabbarItem);


    export default {

        data() {
            return {
                active: 'Main',
            }
        },
        methods: {
            // todetail(ID) {
            //     console.log('点击了滚动图', ID);
            //     this.$router.push('/pages/details/main?ID=' + ID);
            // }
        },
        components: {
            Main,
            Activity,
            Personal

        }


    }
</script>

<style>


</style>
